<div fxLayout="column" class="fullscreen color-lightblack">
	<header class="app-header noshrink">
		<span class="margin-l">{{title}}</span>
	</header>
	<div *ngIf="isChecking" fxLayout="column" fxFlex="100%">
		<div fxLayout="column" fxFlex="50%">
			<div class="padding" fxLayout="column" fxLayoutAlign="center center" fxFlex="100%">
				<img class="search-img" src="./assets/images/loading.gif">
				<span fxFlexAlign="center">正在检测门店业务</span>
			</div>
		</div>
	</div>
	<div class="padding" fxLayout="column" fxFlex="100%" *ngIf="!isPass && !isChecking">
		<div fxLayout="column" fxFlex="50%">
			<span class="text-l">门店业务服务未配置</span>
			<span class="color-lightgray v-gap text-s">请前往收银台，依次点击设置-本地数据中心-配置服务勾选“门店业务服务（店员宝支持）”</span>
		</div>
		<div fxLayout="column" fxFlex="50%">
			<div>
				<button *ngIf="!isChecking" md-button class="bgcolor-primary content-btn color-white text-s pct100" (click)="reCheck()">重新检测</button>
			</div>
			<div class="v-gap-s">
				<button *ngIf="!isChecking" md-button class="bgcolor-primary content-btn color-white text-s pct100" (click)="reSetLDC()">手动查找</button>
			</div>
		</div>
	</div>
	<div class="padding text-m pct100" fxLayout="column" *ngIf="isPass && store" fxFlex="100%" fxFlexAlign="end">
		<div fxFlex="50%"></div>
		<div fxFlex="50%">
			<span>找到本地数据中心</span>
			<div class="v-gap" fxLayout="row" fxLayoutAlign="start center">
				<div>
					<img class="ldc-store-logo" src="{{store.merchant.logo}}">
				</div>
				<div class="h-gap" fxLayout="column">
					<span class="color-lightgray">{{store.merchant.storeName}}</span>
					<span>{{IPaddress}}</span>
				</div>
			</div>
		</div>
	</div>
</div>